
/* CSS for checkbox tests */

div.checkbox,
[role="checkbox"] {
    margin: 1em;
    padding: 0;
    padding-left: 1.5em;
    background-repeat:no-repeat;
    background-position:left center;
}

[aria-checked="true"] {
    background-image: url(../images/checkbox-checked-black.png);
}

[aria-checked="false"] {
    background-image: url(../images/checkbox-unchecked-black.png);
}

[aria-checked="mixed"] {
    background-image: url(../images/checkbox-mixed-black.png);
}

[aria-checked="true"][aria-disabled='true'] {
    background-image: url(../images/checkbox-checked-gray.png);
    color: gray;
}

[aria-checked="false"][aria-disabled='true']  {
    background-image: url(../images/checkbox-unchecked-gray.png);
    color: gray;
}

[aria-checked="mixed"][aria-disabled='true']  {
    background-image: url(../images/checkbox-mixed-gray.png);
    color: gray;
}


